// 添加职位
<template>
    <div id='add-tag-container'>
        你的职位
        <div style="margin-bottom: 25px;">
            <tag v-if="masterTag.tag != ''" :tag="masterTag" />
            <Button @click="masterTagModal = true" style="font-size: 18px;">+</Button>
            <tag-selector :positions="positionSources" 
                          :display="masterTagModal" 
                          :memberLimit="1" 
                          @on-ok="masterTagModal = false" 
                          @on-selection-change="selectChange" />
        </div>
        项目分工
        <div style="margin-bottom: 25px;">
            <tag v-for="(item, index) in selectedPositions" :key="`select-tag-${index}`" :tag="item" />
            <Button @click="memberTagModal = true" style="font-size: 18px;">+</Button>
            <tag-selector :positions="positionSources" 
                          :display="memberTagModal" 
                          @on-ok="memberTagModal = false" 
                          :memberLimit="memberLimit - 1" 
                          mode="GROUP" 
                          @on-selection-change="selectChange" />
        </div>

    </div>
</template>

<script lang='ts'>
import { AddTagComponent } from "./Index";
export default AddTagComponent;
</script>

<style lang='scss'>
</style>